<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-AR"><!-- InstanceBegin template="/Templates/tutorial.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>¿Qué es el HTML? - Tutorial Maquetado HTML</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../css/screen-black-on-white.css" media="screen" title="Negro sobre blanco" />
<link rel="alternate stylesheet" type="text/css" href="../css/screen-white-on-black.css" media="screen" title="Blanco sobre negro" />
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print" />
<meta name="author" content="Martin Alterisio &lt;malterisio777@gmail.com&gt;" />
<meta name="copyright" content="&copy; Martin Alterisio 2009" />
<link rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/ar/legalcode" />
<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../js/tutorial.js"></script>
<!-- InstanceBeginEditable name="head" -->
<meta name="date" content="2009-10-07" />
<!-- InstanceEndEditable -->
</head>

<body>
<!-- InstanceBeginEditable name="body" -->
	<div class="navegacion">
		<div>
			<a href="../index.html">Inicio</a>
			<a href="index.html">Capítulo</a>
		</div>
	</div>
	<div id="contenido">
		<h1>Introducción al maquetado HTML</h1>
		<h2>¿Qué es el HTML?</h2>
		<p>El <abbr title="HyperText Markup Language">HTML</abbr> es el lenguaje formal y estructurado con el que se <em>escribe</em> la Web. Un documento html se escribe en texto plano, con lo que alcanza cualquier editor para leer o escribir un documento de este tipo. Se utiliza un lenguaje de marcado particular (justamente, el HTML) para interpretar desde el texto plano la estructura, la composición y las características hipertextuales del mismo. Un <em>navegador web</em> se encarga de dicha interpretación y de presentar al documento con todas las funciones esperadas en un documento hipertextual, en especial, la <em>navegación</em> de los hipervínculos.</p>
		<h3>Doctypes</h3>
		<p>Este lenguaje está basado en el estándar industrial <abbr title="Standard Generalized Markup Language">SGML</abbr> que define las reglas generales que definen la estructura del documento. Las reglas particulares que distinguen a un documento html de cualquier otro sgml está definida en el <abbr title="Document Type Definition">DTD</abbr> del HTML. Cada versión de html tiene su dtd y la presencia de un <em>doctype</em> en el documento html indica la versión utilizada.</p>
		<p>El doctype no solo se utiliza para el cumplimiento del estándar sgml y para definir la estructura particular del html, también se lo utiliza por práctica común para indicar al navegador como se espera que sea el <em>render</em> del documento. Esta circunstancia es a causa de la manera en que el html ha ido evolucionando, movido más por la necesidad del mercado y la voluntad de competir de los desarrolladores de navegadores que por la búsqueda de una puesta en común y formalización del lenguaje. Para resolver las diferencias en la forma de implementar el lenguaje gráficamente (como se muestra el html según cada navegador), se utiliza el distinguir según el doctype el nivel de acatamiento de las recomendaciones de la <abbr title="World Wide Web Consortium">W3C</abbr>, entidad encargada del mantenimiento y desarrollo del lenguaje html.</p>
		<h3>Tags</h3>
		<p>En sgml, y por ende en html, las estructura del documento se construye a partir de lo que llamamos <em>tags</em>. Un tag se distingue por estar iniciado por un carácter de <em>menor qué</em> (&lt;) y finalizado con un carácter de <em>mayor qué</em> (&gt;), por ejemplo: <code>&lt;html&gt;</code>.</p>
		<p>La primer palabra dentro del tag es el nombre del tag, que puede estar seguida por los <em>atributos</em> del tag. Los atributos son valores adicionales del tag que llevan la forma <code>nombre=valor</code>, donde <code>valor</code> puede estar demarcado por comillas dobles (<code>&quot;...&quot;</code>) o comillas simples (<code>'...'</code>).</p>
		<p>Un tag puede contener una porción del documento. Para indicar el límite del contenido del tag se utiliza un <em>tag de cierre</em> que es un tag del mismo nombre pero prefijado con una barra, por ejemplo: <code>&lt;/html&gt;</code>. En ocasiones el tag de cierre es opcional, y también se puede combinar ambos tags, el de apertura y el de cierre, en un solo tag cuando no hay contenido poniendo la barra al final del tag, por ejemplo: <code>&lt;div /&gt;</code> es lo mismo que <code>&lt;div&gt;&lt;/div&gt;</code>.</p>
		<h3>Entities</h3>
		<p>Para representar los caracteres que tiene significado especial en el lenguaje html se utilizan <em>entities</em>. Un entity, o entidad, es una secuencia de caracteres que representa un carácter en particular, y se indica mediante un carácter ampersand (&amp;) seguido por el nombre de la entidad y terminado con un punto y coma (;), por ejemplo la entidad para &gt; es <code>&amp;gt;</code>. En ocasiones se utilizan las entities para representar caracteres que no existen en el set de caracteres en que está escrito el documento html, por ejemplo, los caracteres latinos acentuados en su momento eran codificados como entities: <code>&amp;aacute;</code> (á), <code>&amp;eacute;</code> (é), etc.</p>
	</div>
	<div class="navegacion">
		<a class="anterior" href="que-es-el-hipertexto.html">Anterior</a>
		<a class="siguiente" href="que-es-el-css.html">Siguiente</a>
	</div>
<!-- InstanceEndEditable -->
	<div id="licencia">
		<p>Esta obra está bajo una licencia Reconocimiento-No comercial-Sin obras derivadas 2.5 Argentina de Creative Commons. Para ver una copia de esta licencia, visite <a href="http://creativecommons.org/licenses/by-nc-nd/2.5/ar/">http://creativecommons.org/licenses/by-nc-nd/2.5/ar/</a> o envie una carta a Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.</p>
	</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-1794443-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
<!-- InstanceEnd --></html>
